@import "./size.scss";
@import "./default.scss";

.virtual-tree .virtual-tree-node {
    position: relative;
    line-height: 34px;

    .el-checkbox {
        margin-right: $margin-size-small;
    }

    &:hover {
        color: $color-primary;
        background: $color-background-hover;

        .virtual-tree-node--hover {
            display: inline;
            float: right;
        }
    }
    &.virtual-tree-node--disabled {
        cursor: not-allowed;
        color: $color-text-disabled;
        &:hover {
            color: $color-text-disabled;
            background: inherit;
        }
    }

    .icon-more {
        transform: rotate(90deg);
    }
}

.virtual-tree__placeholder {
    color: $color-text-disabled;
}

.virtual-tree-node--active {
    color: $color-primary;
    background: $color-background-hover;

    .virtual-tree-node--hover {
        margin-right: 4px;
    }
}


.virtual-tree-node__wrapper {
    display: flex;
}

.virtual-tree-node__content {
    flex: 1;
    vertical-align: middle;
}

.virtual-tree-node__leaf .virtual-tree-node__expand-icon,.hide-expand-icon{
    visibility: hidden;
}

.virtual-tree-node--hover {
    display: none;
    margin-right: 20px;
}
